/**
 * Created with JetBrains WebStorm.
 * User: user
 * Date: 13-10-18
 * Time: 下午3:48
 * To change this template use File | Settings | File Templates.
 */
var webRoot = "./data/";

function initMain(){
    if(dataSource != undefined && dataSource.length > 0)
    {
        var htmlStr = '<ul class="list">';

        for(var i=0;i < dataSource.length;i++)
        {
            var objItem = dataSource[i];
            if(objItem && objItem.title != undefined)
            {
                if(objItem.id != 7)
                {
                    htmlStr += '<li>' + '<a href="#childDiv" style="font-size: 16px;" onclick="showListById('+objItem.id+')">'+(i+1).toString()+'、  '+objItem.title+'</a></li>';
                }
                else
                {
                    htmlStr += '<li>' + '<a href="#detail" style="font-size: 16px;" onclick="showDetailById('+objItem.id+','+ "'" + objItem.title + "'" +')">'+(i+1).toString()+'、  '+objItem.title+'</a></li>';
                }
            }
        }
        $("#mainList").empty().html(htmlStr);
    }
}

function showListById(id){
    $("#childList").empty().html("<p></p>");
    for(var i =0;i < dataSource.length;i++)
    {
        var objItem = dataSource[i];
        if(objItem.id == id && objItem.data && objItem.data.length > 0)
        {
            var htmlStr = '<ul class="list">';
            for(var j=0;j<objItem.data.length;j++){
                htmlStr += '<li>' + '<a href="#detail" style="font-size: 16px;" onclick="showDetailById('+objItem.data[j].id+ ','+"'"+ objItem.data[j].title + "'" +')">'+(j+1).toString()+'、  '+objItem.data[j].title+'</a></li>';
            }
            $("#childList").empty().html(htmlStr);
            break;
        }
    }
}


function showDetailById(id,title){
    $("#title").empty().html(title);
    $("#detailContent").empty().html("<p></p>");
    $.ui.showMask('loading');
    setTimeout(function(){
        $.ajax({
            url:webRoot + 'lol' + id +'.html',
            success:function (data) {
                $("#detailContent").empty().html(data);
                $.ui.hideMask();
                $.ui.scrollToTop();
            }
        });
    },100);

}